<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/xin_base.css">
        <link rel="stylesheet" href="css/wanshanziliao.css">
        <script type="text/javascript " src="js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="js/webuploader.html5only.min.js"></script>
        <script type="text/javascript" src="js/diyUpload.js"></script>

       	
    </head>
    <body>
		<!-- 把这个div放到singleMiddle里面 -->
    	<div class="wanzhanjiaoshiMsg">
    		
    		<ul>
    			<li>
    				<span class="dataLeft">机构名称：</span>
    				<input class="dataRight" type="text" required>
    			</li>
    			<li>
    				<span class="dataLeft">负责人姓名：</span>
    				<input type="text" class="dataRight" required>
    			</li>
    			<li>
    				<span class="dataLeft">营业电话：</span>
    				<input type="text" class="dataRight" required>
    			</li>
    			<li>
    				<span class="dataLeft">营业面积：</span>
    				<input type="text" class="dataRight">
    			</li>
    			<li>
    				<span class="dataLeft">类型：</span>
    				<select class="dataLeftShort" name="" id="">
    					<option value="">钢琴教室</option>
						<option value="">提琴教室</option>
    					<option value="">吉他教室</option>
    				</select>
    			</li>
    			<li>
    				<span class="dataLeft">城市：</span>
    				<div class="info ">
						<div class="clearfix">
						<select id="s_province" name="s_province"></select>
					    <select id="s_city" name="s_city" ></select> 
					    <select id="s_county" name="s_county"></select>
					    <script class="resources library" src="js/area.js" type="text/javascript"></script>
					    
					    <script type="text/javascript">_init_area();</script>
					    </div>
					    <div id="show"></div>
					</div>
					<!-- 地址三级联动js -->
					<script type="text/javascript">
					var Gid  = document.getElementById ;
					var showArea = function(){
						Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	
						Gid('s_city').value + " - 县/区" + 
						Gid('s_county').value + "</h3>"
												}
					Gid('s_county').setAttribute('onchange','showArea()');
					</script>
					<!-- 地址三级联动js -->
    			</li>
    			<li>
    				<span class="dataLeft">证件号码：</span>
    				<input type="text" class="dataRight">
    			</li>
    			<li>
    				<span class="dataLeft">教室描述：</span>
    				<textarea class="jiaoshimiaoshu" name="" id="" cols="30" rows="10">
    					
    				</textarea>
    			</li>
				<li>
					<span class="dataLeft">持身份证照片：</span>
					<span >	请提交手持身份证照片，支持.jpg .gif .png格式照片，大小不超过2M</span>
				</li>
				<li>
					<div id="demo3">
						<div id="as" ></div>
					</div>
					<script type="text/javascript">

					/*
					* 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;
					* 其他参数同WebUploader
					*/

					
					$('#as').diyUpload({
						url:'server/fileupload.php',
						success:function( data ) {
							console.info( data );
						},
						error:function( err ) {
							console.info( err );	
						},
						buttonText : '选择文件',
						chunked:true,
						// 分片大小
						chunkSize:512 * 1024,
						//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
						fileNumLimit:1,
						fileSizeLimit:500000 * 1024,
						fileSingleSizeLimit:50000 * 1024,
						accept: {}
					});
					</script>
				</li>
				<li>
					<span class="dataLeft">上传琴行照片：</span>
					<span >请提交琴行照片（门口1张，接待区1张，2张内饰照片），支持.jpg .gif .png格式照片，大小不超过2M</span>
				</li>
				<li>
					<div id="demo3">
						<div id="as1" ></div>
					</div>
					<script type="text/javascript">

					/*
					* 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;
					* 其他参数同WebUploader
					*/

					
					$('#as1').diyUpload({
						url:'server/fileupload.php',
						success:function( data ) {
							console.info( data );
						},
						error:function( err ) {
							console.info( err );	
						},
						buttonText : '选择文件',
						chunked:true,
						// 分片大小
						chunkSize:512 * 1024,
						//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
						fileNumLimit:4,
						fileSizeLimit:500000 * 1024,
						fileSingleSizeLimit:50000 * 1024,
						accept: {}
					});
					</script>
				</li>
				<li>
    				<input type="radio" id="tili" required checked="checked">
    				<label for="tili">我已经认真阅读<a href="javascript:;">《网站会员注册协议</a>，<a href="javascript:;">《在线签约机构条款》</a>， 并完全同意所有条款。</label>
    			</li>
    			<li>
    				<span class="dataLeft"></span>
    				<input type="submit" class="dataRight tijiao" >

    			</li>
    		</ul>
    		
    	</div>
		<!-- 把这个div放到singleMiddle里面 -->
    </body>
</html>